import React from 'react';
import { LoadIndicator } from 'devextreme-react/load-indicator';
import './index.less';

interface propsData {
    loadString?: string;
}


const SpinLoading = (props: propsData & any) => {
    const { loadString } = props;
    return (
        <div className="SpinLoading">
            <LoadIndicator id="medium-indicator" height={50} width={50} />
            {loadString && <div style={{ backgroundColor: '#c9c9c9', color: 'black', padding: '0px 8px' }}>
                {loadString}
            </div>}
        </div>
    );
};

export default SpinLoading;
